<div>
<div class="table-info" ng-show="!show.isDrill">
  <div style="padding:20px 20px 10px 40px">
    <md-button class="md-raised" style="background-color: #FF9800;color:white" ng-click="foundFailure(systems[0].systemCode)" aria-label="统一支付">{{systems[0].systemName}}</md-button>
    <md-button class="md-raised" style="background-color: #FF9800;color:white" ng-click="foundFailure(systems[1].systemCode)" aria-label="物联网">{{systems[1].systemName}}</md-button>
  </div>
  <div>
    <div class="table-detail">
      <div id="failureInMap" style="width:100%;height:408px;"></div>
    </div>
  </div>
</div>
<div ng-controller="failureOrientateCtrl" ng-show="show.isDrill">
  <form class="form-horizontal" role="form" name="orientateForm" novalidate>
  <div class="form-ctrl md-whiteframe-z1">
    <div class="form-search" style="height:160px;" ng-class="{true: 'shou'}[!toggle]" >
      <div>
        <label style="">系统</label>
        <md-select ng-model="orientate.systemCode" aria-label="系统选项">
          <md-select-label>{{orientate.systemCode.systemName}}</md-select-label>
          <md-option ng-value="system"  ng-repeat="system in selector.systemCode">{{system.systemName}}</md-option>
        </md-select>
      </div>
      <div>
        <label style="">业务列表</label>
        <md-select ng-model="orientate.businessCode" md-on-open="getBusinesses(orientate.systemCode)" aria-label="业务选项">
          <md-select-label>{{orientate.businessCode ? orientate.businessCode.businessName  : "请选择"}}</md-select-label>
          <md-option ng-value="business"  ng-repeat="business in selector.businessCode">{{business.businessName}}</md-option>
        </md-select>
      </div>
      <div>
        <label style="">省份</label>
        <md-select ng-model="orientate.provinceCode" aria-label="省份选项">
          <md-select-label>{{orientate.provinceCode.provinceName}}</md-select-label>
          <md-option ng-value="province"  ng-repeat="province in selector.provinceCode">{{province.provinceName}}</md-option>
        </md-select>
      </div>
      <div>
        <md-input-container flex aria-label="时间输入框">
          <label >时间</label>
          <input type="date" ng-model="startTime"  required name="startTime" readonly time-validate="day" end-time="endTime">
          <div ng-messages="orientateForm.startTime.$error">
            <div ng-message="time-error">开始时间不应大于当前时间</div>
            <div ng-message="date">请正确输入时间</div>
          </div>
        </md-input-container>
      </div>
    </div>
    <i class="glyphicon glyphicon-chevron-up shrinkage" ng-click="toggle=false"></i>
    <md-button ng-click="locateFailure()" class="md-fab md-primary md-hue-1" aria-label="Profile" ng-disabled="!orientate.businessCode && toggle">
      <i class="glyphicon glyphicon-search"  ng-show="toggle"></i>
      <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="!toggle"></i>
    </md-button>
  </div>
</form>
<div class="table-info">
  <div style="padding:20px 20px 10px 40px">
    <md-button class="md-raised" style="background-color: #FF9800;color:white" ng-click="goBack()">返回地图</md-button>
  </div>
  <div style="text-align:center;font-size:large;font-weight:bold;color:black" ng-show="isQuery && show.phasePosition">{{phaseTitle}}</div>
  <div id="realTimeChart" style="height:408px;width:100%" ng-show="!isQuery" >
  </div>
  <div ng-click="downToUsability()">
    <div id="locateFailure" style="height:408px;width:100%" ng-show="isQuery && show.orientate">
    </div>
  </div>
  <div ng-click="busSucceedByIp()">
    <div id="businessUsability" style="height:408px;width:100%" ng-show="isQuery && show.usability" >
    </div>
  </div>
  <div ng-repeat="ip in succeedByIp" ng-click="phasePositon(ip.ip)" >
    <div id="{{'succeedByIp'+$index}}" style="height:204px;width:600px;float:left" ng-show="isQuery && show.succeedByIp">
    </div>
  </div>
  <div ng-repeat="phase in phaseUsability" >
    <div  id="{{'phasePosition'+$index}}" style="height:204px;width:600px;float:left" ng-show="isQuery && show.phasePosition"></div>
  </div>
</div>
</div>
</div>